import React from "react"
import "./index.css"
import ReactDOM from 'react-dom';
class Header extends React.Component { 
  render() { 
    return (
      <ul className="headerNav">
        <li className="logo">
          <img src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" alt="logo" width='35px' />
          <span>ant design</span>
        </li>
        <li className="user">
          <div style={{ width: '40px', height: '40px', backgroundColor: '#664ba0', borderRadius: '50%',textAlign:'center' ,lineHeight:"40px"}}><img src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" alt="logo" height="30px"/></div>
          <span>admin</span>
        </li>
      </ul>
    )
  }
}
export default Header